<!--
    THIS EXAMPLE WAS DOWNLOADED FROM https://echarts.apache.org/examples/zh/editor.html?c=radar-custom
-->
<!DOCTYPE html>
<html style="height: 80%">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>一级指标-师德师风测评系统</title>
		<link rel="Bookmark" href="__PUBLIC__/common/img/favicon.ico" >
		<link rel="Shortcut Icon" href="__PUBLIC__/common/img/favicon.ico" />
		<link href="../Public/css/reg.css" rel="stylesheet" type="text/css" />
		<link type="text/css" rel="stylesheet" href="__PUBLIC__/MAdmin/css/themes/style1/orange-blue.css" class="default-style">
		<link type="text/css" rel="stylesheet" href="__PUBLIC__/MAdmin/css/themes/style1/orange-blue.css" id="theme-change" class="style-change color-change">
		<link type="text/css" rel="stylesheet" href="__PUBLIC__/MAdmin/css/style-responsive.css">
				
		<link type="text/css" rel="stylesheet" href="__PUBLIC__/MAdmin/vendors/jquery-ui-1.10.4.custom/css/ui-lightness/jquery-ui-1.10.4.custom.min.css">
    </head>
    <body style="height: 100%;  margin: 0;background:#33485C;">
    	<div align="left">
			<a href="__APP__?g=Admin&m=Score&a=scan_ztdf" class="btn btn-blue"><i class="fa fa-plus"></i>总分</a>&nbsp;
			<a href="__APP__?g=Admin&m=Score&a=scan_yjzb" class="btn btn-blue active"><i class="fa fa-plus"></i>一级指标</a>&nbsp;
		</div>
		<div align="right">
			<a href="__APP__?g=Admin&m=Score&a=scan_ejzb&code=I" class="btn btn-blue"><i class="fa fa-plus"></i>理想信念</a>&nbsp;
			<a href="__APP__?g=Admin&m=Score&a=scan_ejzb&code=M" class="btn btn-blue"><i class="fa fa-plus"></i>道德情操</a>&nbsp;
			<a href="__APP__?g=Admin&m=Score&a=scan_ejzb&code=K" class="btn btn-blue"><i class="fa fa-plus"></i>扎实学识</a>&nbsp;
			<a href="__APP__?g=Admin&m=Score&a=scan_ejzb&code=R" class="btn btn-blue"><i class="fa fa-plus"></i>仁爱之心</a>&nbsp;
		</div>
        <div id="container" style="height: 100%"></div>

        <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@5/dist/echarts.min.js"></script>
        <!-- Uncomment this line if you want to dataTool extension
        <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@5/dist/extension/dataTool.min.js"></script>
        -->
        <!-- Uncomment this line if you want to use gl extension
        <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts-gl@2/dist/echarts-gl.min.js"></script>
        -->
        <!-- Uncomment this line if you want to echarts-stat extension
        <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts-stat@latest/dist/ecStat.min.js"></script>
        -->
        <!-- Uncomment this line if you want to use map
        <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@5/map/js/china.js"></script>
        <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@5/map/js/world.js"></script>
        -->
        <!-- Uncomment these two lines if you want to use bmap extension
        <script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=<Your Key Here>"></script>
        <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@5/dist/extension/bmap.min.js"></script>
        -->

        <script type="text/javascript">
var dom = document.getElementById("container");
var myChart = echarts.init(dom);
var app = {};

var option;



option = {
    color: [ '#67F9D8', '#FFE434', '#56A3F1', '#FF917C'],
    
    radar: [
        {
            indicator: [
                { text: '理想信念（{$I1_dfv}）' },
                { text: '道德情操（{$IM_dfv}）' },
                { text: '扎实学识（{$IK_dfv}）' },
                { text: '仁爱之心（{$IR_dfv}）' }
            ],
            center: ['25%', '50%'],
            radius: 120,
            startAngle: 90,
            splitNumber: 4,
            shape: 'circle',
            name: {
                formatter: '【{value}】',
                textStyle: {
                    color: '#428BD4'
                }
            },
            splitArea: {
                areaStyle: {
                    color: ['#77EADF', '#26C3BE', '#64AFE9', '#428BD4'],
                    shadowColor: 'rgba(0, 0, 0, 0.2)',
                    shadowBlur: 10
                }
            },
            axisLine: {
                lineStyle: {
                    color: 'rgba(211, 253, 250, 0.8)'
                }
            },
            splitLine: {
                lineStyle: {
                    color: 'rgba(211, 253, 250, 0.8)'
                }
            }
        }
    ],
    series: [
        {
            name: '分析图一',
            type: 'radar',
            emphasis: {
                lineStyle: {
                    width: 4
                }
            },
            data: [
                {
                    value: [{$score_all}],
                    name: '总分'
                },
                {
                    value: [{$score_all_df}],
                    name: '得分',
                    areaStyle: {
                        color: 'rgba(255, 228, 52, 0.6)'
                    }
                }
            ]
        },
        {
            name: '分析图2',
            type: 'pie',
            radius: [50, 230],
            center: ['70%', '50%'],
            roseType: 'area',
            itemStyle: {
                borderRadius: 8
            },
            data: [
                {$first_string}
            ]
        }
    ]
};

if (option && typeof option === 'object') {
    myChart.setOption(option);
}

        </script>
    </body>
</html>